iT邦幫忙

2025 iThome 鐵人賽

DAY 21
0
Modern Web

30天絕望倒數JavaScript系列 第 21

JavaScript Loops (迴圈)

  • 分享至 

  • xImage
  •  

在 JavaScript 中,迴圈 (Loop) 可以重複執行同一段程式碼直到條件不成立。

常見的迴圈種類:

  • for
  • while
  • do...while
  • for...in
  • for...of

for 迴圈

for (初始化; 條件; 更新) {
  // 要重複執行的程式碼
}

範例:

for (let i = 0; i < 5; i++) {
  console.log("目前 i 的值是:" + i);
}

while 迴圈

let i = 0;
while (i < 3) {
  console.log("i 的值是:" + i);
  i++;
}

do...while 迴圈

let i = 0;
do {
  console.log("i 的值是:" + i);
  i++;
} while (i < 3);

for...in 迴圈

const person = { name: "Tom", age: 20, city: "Taipei" };

for (let key in person) {
  console.log(key + ":" + person[key]);
}

for...of 迴圈

const fruits = ["apple", "banana", "cherry"];

for (let fruit of fruits) {
  console.log(fruit);
}

break 與 continue

for (let i = 0; i < 5; i++) {
  if (i === 3) break;      // 結束整個迴圈
  console.log(i);
}

for (let i = 0; i < 5; i++) {
  if (i === 2) continue;   // 跳過本次,繼續下一次
  console.log(i);
}

小結

迴圈類型 用途 特點
for 重複固定次數 最常用
while 條件為真時重複 先檢查條件
do...while 至少執行一次 先執行再檢查
for...in 遍歷物件屬性 適用物件
for...of 遍歷陣列或字串 適用可迭代物件

上一篇
JavaScript 邏輯運算子
下一篇
JavaScript For Loop
系列文
30天絕望倒數JavaScript23
圖片
  熱門推薦
圖片
{{ item.channelVendor }} | {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言